<template>
	<view>
		<!-- #ifdef MP -->
			<view class="fixed-top flex align-center px-1 bg-white py-1">
				<view class="search-box flex align-center justify-center text-muted">
					<text class="iconfont iconsousuokuang"></text>
					<text>精彩热搜：邓紫棋演绎风波</text>
				</view>
			</view>
			<view style="height: 84rpx;"></view>
		<!-- #endif -->
		<panel-card title="热门分类" :isShowRefresh="false">
			<view class="panel-list">
				<scroll-view scroll-x="true" class="scroll-row">
					<block v-for="i in 20" :key="i">
						<category-item></category-item>
					</block>
				</scroll-view>
			</view>
		</panel-card>
		<divider></divider>
		<panel-card title="热门分类" :isShowRefresh="false">
			<view class="panel-list flex flex-wrap w-100">
				<category-item v-for="i in 20" :key="i"></category-item>
			</view>
		</panel-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.panel-list {
	padding: 15rpx;
}
</style>
